<template>
  <div class="popup">
    <h3 class="popup-title">{{ title }}</h3>
    <div class="popup-content">
      <slot></slot>
    </div>
    <div class="popup-buttons">
      <button @click="confirm">确认</button>
      <button @click="cancel">取消</button>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Popup',
  props: {
    title: {
      type: String,
      required: true
    }
  },
  methods: {
    confirm() {
      // 确认操作的逻辑
      this.$emit('confirm');
    },
    cancel() {
      // 取消操作的逻辑
      this.$emit('cancel');
    }
  }
}
</script>

<style scoped>
.popup {
  /* 弹窗样式 */
}
.popup-title {
  /* 弹窗标题样式 */
}
.popup-content {
  /* 弹窗内容样式 */
}
.popup-buttons {
  /* 弹窗按钮样式 */
}
</style>